*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #fff;
	display: inline-block;
}
body{
	width: 100%;
	height: 100%;
}
.fade{opacity: 0;}
.show{opacity: 1;}
#header{
	float:left;
}
#header a{
	font-size: 32px;
	margin: 5px;
	font-family: 'STKaiti';
	transition: all 0.5s;
}
#header a:hover{
	color: #7DD4F1;
	/*transition: scale(1.2);*/
	font-size: 50px;
}
#header #home{
	color: #0392F8;
}
#header #bs{
	color: #A5A5A5;
}
#container{
	position:absolute;
	top: 15%;
	width: 100%;
	height: 100%;
	text-align: center;
}
#container h2{
	float: right;
	position: relative;
	right: 1%;
	width: 40%;
	line-height: 40px;
	margin-top: 5%;
	color: #fff;
	animation: dr 1s;
}
@keyframes dr{
	0%{opacity: 0;
		right: -500px;}
	100%{opacity: 1;
		right: 1%;}
}
#container h2:hover, .glow {  
    /*color: #FA0303;  */
    text-shadow: 0 0 20px #48EDF6;  
}  
#container h2:focus {  
    color: #00AAEE;  
    -webkit-transition: all .3s ease-in-out;  
}  
@media screen and (max-width: 1000px){
	#container h2{
		font-size: 22px;
		line-height: 30px;
	}
}
@media screen and (max-width: 600px){
	#container h2{
		font-size: 18px;
		line-height: 20px;
	}
	#container .up{
		height: 70vh;
	}
	#container #gz{
		height: 30vh;
	}
}
#container  img{
	height: 90%;
	line-height: 380px;
	position: relative;
	margin-top: 1%;
	width: 55%;
	transition: all 1s;
}
#container img:hover{
	/*transform: scale(1.18);*/
}
#container #up{
	position: relative;
	width: 90%;
	margin: auto;
	height: 380px;
	animation: sf 1s;
	background-color: rgba(3,231,253,0.5);
}
#container #middle{
	width: 90%;
	margin: auto;
	height: 380px;
	animation: sf 1s;
	background-color: rgba(3,231,253,0.5);
}
#container #under{
	width: 90%;
	margin: auto;
	height: 380px;
	animation: sf 1s;
	background-color: rgba(3,231,253,0.5);
}

@keyframes sf{
	0%{
		padding-top: 20%;
		opacity:0;
	}
	50%{
		padding-top: 10%;
		opacity: 0.3;
	}
	90%{
		padding-top: 5%;
		opacity: 0.6;
	}
	100%{
		padding-top: 0%;
		opacity: 1;
	}
}
.bg canvas{
	height: 110%;
}
@media screen and (max-height: 768px) {
    .bg canvas{
    height: 122%;
    }
}
@media screen and (max-height: 676px) {
    .bg canvas{
    height: 130%;
    }
}
@media screen and (max-height: 600px) {
    .bg canvas{
    height: 150%;
    }
}
#aside{
	position:fixed;
	bottom: 10%;
	right: 5%;
	height: 37%;
}
#aside #totop{
	position: absolute;
	width: 100%;
	height: 10%;
}
#aside #totop img{
	position: fixed;
	width: 2.3%;
}